<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
        integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
    <style>
        .card {
            margin-top: 1rem;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-sm"></div>
            <div class="col-sm">
                <div class="card" style="width: 50rem;">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-sm-4 d-flex justify-content-start">
                                <a href="/back">
                                    <input type="button" value="返回上一层"
                                    style="height:30px ;width:110px ;">
                                </input>
                                </a>
                                
                            </div>
                            <div class="col-sm-4 d-flex justify-content-center">
                                <p>当前用户：XXXXX</p>
                            </div>
                            <div class="col-sm-4 d-flex justify-content-start"><button type="button"
                                    class="btn btn-secondary btn-sm">发表说说</button>
                            </div>
                            <a href="/logout">
                                <input type="button" value="注销"
                                    style="height:30px ;width:70px ;margin-top :20px ;margin-left: 700px;">
                            </a>

                        </div>
                    </div>

                </div>
            </div>
            <div class="col-sm"></div>
        </div>

        <div class="row">
            <div class="col-sm">
            </div>
            <div class="col-sm">
                <div class="card border-primary shadow" style="width: 50rem;">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-sm-10">今天看了部电影，我的姐姐，挺好看的。。。。。</div>
                            <div class="col-sm-2"><button type="button" class="btn btn-secondary btn-sm">吐槽一下</button>
                            </div>
                        </div>

                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <blockquote class="blockquote mb-0">
                                    <p>我去，看电影也不带我去。。。 </p>
                                    <footer class="blockquote-footer">
                                        <cite title="Source Title">胡晓光</cite>&nbsp;&nbsp;对
                                        <cite title="Source Title">张无忌</cite>&nbsp;&nbsp;说
                                    </footer>
                                </blockquote>
                            </li>
                            <li class="list-group-item">
                                <blockquote class="blockquote mb-0">
                                    <p>兄弟太不够意思了。。。。</p>
                                    <footer class="blockquote-footer">
                                        <cite title="Source Title">张明敏</cite>&nbsp;&nbsp;对
                                        <cite title="Source Title">张无忌</cite>&nbsp;&nbsp;说
                                    </footer>
                                </blockquote>
                            </li>
                            <li class="list-group-item">
                                <blockquote class="blockquote mb-0">
                                    <p>姐姐，太不够意思了哈，补上补上。。。 </p>
                                    <footer class="blockquote-footer">
                                        <cite title="Source Title">邓超</cite>&nbsp;&nbsp;对
                                        <cite title="Source Title">张无忌</cite>&nbsp;&nbsp;说
                                    </footer>
                                </blockquote>
                            </li>
                        </ul>

                    </div>
                </div>


            </div>
            <div class="col-sm">
            </div>
        </div>
    </div>


</body>

</html>